<template>
  <div>
    <div class="layout-padding w50">
      <div class="layout-padding-auto layout-padding-view">
        <el-row class="ml10" v-show="showSearch">
          <el-form :inline="true" :model="state.queryForm" ref="queryRef">
            <!-- <el-form-item label="体检时间">。
              <el-date-picker v-model="queryFormData.detectionTime" type="daterange" start-placeholder="开始时间"
                end-placeholder="结束时间" format="YYYY-MM-DD" date-format="YYYY/MM/DD" :value-format="dateStr"
                :disabled-date="disabledDate" />
            </el-form-item> -->
            <el-form-item label="姓名" prop="name">
              <el-input placeholder="请输入姓名" style="max-width: 180px" v-model="queryFormData.name"/>
            </el-form-item>
            <el-form-item label="身份证" prop="name">
              <el-input placeholder="请输入身份证" style="max-width: 180px" v-model="queryFormData.icCard"/>
            </el-form-item>
            <el-form-item>
              <el-button @click="queryBtn" formDialogRef icon="search" type="primary">
                {{ $t('common.queryBtn') }}
              </el-button>
              <el-button @click="resetQuery" formDialogRef icon="Refresh">{{ $t('common.resetBtn') }}</el-button>
            </el-form-item>
          </el-form>
        </el-row>

        <el-row>
          <div class="mb8" style="width: 100%">
            <el-button plain icon="upload-filled" type="primary" class="ml10" @click="excelUploadRef.show()">
              导入
            </el-button>
            <el-button plain icon="Download" type="primary" class="ml10" @click="exportExcel">
              导出
            </el-button>
            <right-toolbar v-model:showSearch="showSearch" :export="'blood_bloodxCustomer_export'"
                           @exportExcel="exportExcel" class="ml10 mr20" style="float: right;"
                           @queryTable="getDataList"></right-toolbar>
          </div>
        </el-row>

        <el-table :data="dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
                  :header-cell-style="tableStyle.headerCellStyle" @sort-change="sortChangeHandle"
                  @selection-change="selectionChangHandle">
          <el-table-column type="selection" width="40" align="center"/>
          <el-table-column type="index" label="#" width="45"/>
          <!-- <el-table-column prop="examNo" label="体检编号" width="90" show-overflow-tooltip /> -->
          <!-- <el-table-column prop="submissionTime" label="体检时间" width="180" show-overflow-tooltip /> -->
          <el-table-column prop="name" label="姓名" show-overflow-tooltip/>
          <!--          <el-table-column prop="sex" label="性别" width="70" show-overflow-tooltip>-->
          <!--            <template #default="scope">-->
          <!--              <dict-tag :options="gender" :value="scope.row.sex"></dict-tag>-->
          <!--            </template>-->
          <!--          </el-table-column>-->
          <el-table-column prop="icCard" label="身份证号" show-overflow-tooltip/>
          <!--          <el-table-column prop="villageName" label="村" show-overflow-tooltip>-->
          <!--            &lt;!&ndash; <template #default="scope">-->
          <!--            <dict-tag :options="village" :value="scope.row.villageName"></dict-tag>-->
          <!--          </template> &ndash;&gt;-->
          <!--          </el-table-column>-->
          <!-- <el-table-column prop="dbz" label="蛋白质" width="100" show-overflow-tooltip />
          <el-table-column prop="gysz" label="甘油三酯" width="90" show-overflow-tooltip />
          <el-table-column prop="dmdzdb" label="低密度脂蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="gbzam" label="谷丙转氨酶" width="110" show-overflow-tooltip />
          <el-table-column prop="ns" label="尿素" width="110" show-overflow-tooltip />
          <el-table-column prop="jg" label="肌酐" width="90" show-overflow-tooltip />
          <el-table-column prop="zjdhs" label="直接胆红素" width="90" show-overflow-tooltip />
          <el-table-column prop="ntt" label="尿酮体" width="90" show-overflow-tooltip />
          <el-table-column prop="thxhdb" label="糖化血红蛋白" width="80" show-overflow-tooltip />
          <el-table-column prop="kfxd" label="空腹血糖" width="90" show-overflow-tooltip />
          <el-table-column prop="nwldbnjg" label="尿微量白蛋白/尿肌酐" width="90" show-overflow-tooltip />
          <el-table-column prop="gmdzdb" label="高密度脂蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="xhdb" label="血红蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="jjdhs" label="间接胆红素" width="90" show-overflow-tooltip />
          <el-table-column prop="zdgcs" label="总胆固醇" width="90" show-overflow-tooltip /> -->
          <el-table-column label="操作" width="100" fixed="right">
            <template #default="scope">
              <el-button icon="edit-pen" text type="primary"
                         @click="openDialog(scope.row)">详情
              </el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination v-model:currentPage="queryFormData.current" v-model:page-size="queryFormData.size"
                       :page-sizes="[1, 10, 20, 30]" layout="total, sizes, prev, pager, next, jumper" :total="total"
                       @size-change="handleSizeChange" @current-change="handleCurrentChange"/>
      </div>
      <el-dialog title="详情" v-model="visible" width="80%" :close-on-click-modal="false" class="global-dialog"
                 draggable>
        <!-- <el-table :data="detaillist" v-loading="state.loading2" border :cell-style="tableStyle.cellStyle"
          :header-cell-style="tableStyle.headerCellStyle" @sort-change="sortChangeHandle">
          <el-table-column type="index" label="#" width="45" />
          <el-table-column prop="examNo" label="体检编号" width="90" show-overflow-tooltip />
          <el-table-column prop="submissionTime" label="体检时间" width="100" show-overflow-tooltip />
          <el-table-column prop="name" label="姓名" show-overflow-tooltip />
          <el-table-column prop="sex" label="性别" width="70" show-overflow-tooltip>
            <template #default="scope">
              <dict-tag :options="gender" :value="scope.row.sex"></dict-tag>
            </template>
          </el-table-column>
          <el-table-column prop="icCard" label="身份证号" width="90" show-overflow-tooltip />
          <el-table-column prop="villageName" label="村" show-overflow-tooltip> -->
        <!-- <template #default="scope">
            <dict-tag :options="village" :value="scope.row.villageName"></dict-tag>
          </template> -->
        <!-- </el-table-column>
          <el-table-column prop="dbz" label="蛋白质" width="100" show-overflow-tooltip />
          <el-table-column prop="gysz" label="甘油三酯" width="90" show-overflow-tooltip />
          <el-table-column prop="dmdzdb" label="低密度脂蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="gbzam" label="谷丙转氨酶" width="110" show-overflow-tooltip />
          <el-table-column prop="ns" label="尿素" width="110" show-overflow-tooltip />
          <el-table-column prop="jg" label="肌酐" width="90" show-overflow-tooltip />
          <el-table-column prop="zjdhs" label="直接胆红素" width="90" show-overflow-tooltip />
          <el-table-column prop="ntt" label="尿酮体" width="90" show-overflow-tooltip />
          <el-table-column prop="thxhdb" label="糖化血红蛋白" width="80" show-overflow-tooltip />
          <el-table-column prop="kfxd" label="空腹血糖" width="90" show-overflow-tooltip />
          <el-table-column prop="nwldbnjg" label="尿微量白蛋白/尿肌酐" width="90" show-overflow-tooltip />
          <el-table-column prop="gmdzdb" label="高密度脂蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="xhdb" label="血红蛋白" width="90" show-overflow-tooltip />
          <el-table-column prop="jjdhs" label="间接胆红素" width="90" show-overflow-tooltip />
          <el-table-column prop="zdgcs" label="总胆固醇" width="90" show-overflow-tooltip />
        </el-table> -->
        <el-form :inline="true" :model="queryparam" ref="queryRef">
          <el-form-item label="体检时间">
            <el-date-picker v-model="queryparam.date" type="daterange" start-placeholder="开始时间"
                            end-placeholder="结束时间"
                            format="YYYY-MM-DD" date-format="YYYY/MM/DD" :value-format="dateStr"
                            :disabled-date="disabledDate"/>
          </el-form-item>
          <el-form-item>
            <el-button @click="datalist" formDialogRef icon="search" type="primary">
              {{ $t('common.queryBtn') }}
            </el-button>
            <el-button @click="rest" formDialogRef icon="Refresh">{{ $t('common.resetBtn') }}</el-button>
          </el-form-item>
        </el-form>
        <div v-for="(item, index) in detaillist" :key="index">
          <div style="font-size: 20px; font-weight: 800;"> NO.{{ index + 1 }} 体检时间：{{ item.submissionTime }}</div>
          <el-form :model="item" inline label-width="100px" label-position="center" disabled
                   style="border: 1px rgba(0,0,0,0.2) solid; margin: 10px; padding: 10px 0">

            <el-row :gutter="24">
              <el-col :span="6">
                <el-form-item label="体检编号：">
                  {{ item.barCode }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="体检时间：">
                  {{ item.submissionTime }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="姓名：">
                  {{ item.name }}
                </el-form-item>
              </el-col>
              <!--              <el-col :span="8">-->
              <!--                <el-form-item label="性别">-->
              <!--                  <el-input v-model="item.sex" />-->
              <!--                </el-form-item>-->
              <!--              </el-col>-->
              <el-col :span="6">
                <el-form-item label="身份证号：">
                  {{ item.icCard }}
                </el-form-item>
              </el-col>
              <!--              <el-col :span="6">-->
              <!--                <el-form-item label="村">-->
              <!--                  <el-input v-model="item.villageName" style="width: 80px;" />-->
              <!--                </el-form-item>-->
              <!--              </el-col>-->
              <el-col :span="6">
                <el-form-item label="蛋白质：">
                  {{ item.dbz }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="甘油三酯：">
                  {{ item.gysz }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="低密度脂蛋白：" label-width="110">
                  <!--                  <el-input v-model="item.dmdzdb"/>-->
                  {{ item.dmdzdb }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="谷丙转氨酶：">
                  <!--                  <el-input v-model="item.gbzam"/>-->
                  {{ item.gbzam }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="尿素：">
                  <!--                  <el-input v-model="item.ns"/>-->
                  {{ item.ns }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="肌酐：">
                  <!--                  <el-input v-model="item.jg"/>-->
                  {{ item.jg }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="直接胆红素：">
                  <!--                  <el-input v-model="item.zjdhs"/>-->
                  {{ item.zjdhs }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="尿酮体：">
                  <!--                  <el-input v-model="item.ntt"/>-->
                  {{ item.ntt }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="糖化血红蛋白：" label-width="110">
                  <!--                  <el-input v-model="item.thxhdb"/>-->
                  {{ item.thxhdb }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="空腹血糖：">
                  <!--                  <el-input v-model="item.kfxd"/>-->
                  {{ item.kfxd }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="尿微量白蛋白/尿肌酐：" label-width="160">
                  <!--                  <el-input v-model="item.nwldbnjg"/>-->
                  {{ item.nwldbnjg }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="高密度脂蛋白：" label-width="110">
                  <!--                  <el-input v-model="item.gmdzdb"/>-->
                  {{ item.gmdzdb }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="血红蛋白：">
                  <!--                  <el-input v-model="item.xhdb"/>-->
                  {{ item.xhdb }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="间接胆红素：">
                  <!--                  <el-input v-model="item.jjdhs"/>-->
                  {{ item.jjdhs }}
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="总胆固醇：">
                  <!--                  <el-input v-model="item.zdgcs"/>-->
                  {{ item.zdgcs }}
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>

      </el-dialog>
      <!-- 导入居民 -->
      <upload-excel ref="excelUploadRef" title="导入居民" url="/blood/bloodxPhysicalExaminationData/importFile"
                    temp-url="/admin/sys-file/local/file/bloodxPhysicalExaminationData.xlsx"
                    @refreshDataList="getlist"/>

    </div>
    <div class="layout-padding w50" style="left: 50%">
      <!--      <div class="layout-padding-auto layout-padding-view">-->

      <el-card class="relative h-full">
        <el-row class="ml10" v-show="showSearch">
          <el-form :inline="true" :model="echartForm" ref="queryRef" style="width: 100%">
            <el-row :gutter="24" style="width: 100%">
              <el-col :span="12">
                <el-form-item label="检测时间">
                  <el-date-picker v-model="echartForm.time" type="monthrange" start-placeholder="开始时间"
                                  end-placeholder="结束时间" format="YYYY-MM" date-format="YYYY/MM"
                                  value-format="YYYY-MM"/>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="地区" style="width: 100%">
                  <el-select v-model="echartForm.village">
                    <el-option v-for="(item, index) in villageList" :key="index" :label="item.label"
                               :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <!-- <el-form-item label="是否院内">
							<el-select v-model="queryFormData.appoint" multiple style="width: 100%">
								<el-option v-for="(item, index) in isIn" :key="index" :label="item.label" :value="item.value"></el-option>
							</el-select>
						</el-form-item> -->
              <!-- <el-col :span="6">
                <el-form-item label="是否空腹" style="width: 100%">
                  <el-select v-model="echartForm.isFasting">
                    <el-option v-for="(item, index) in fastList" :key="index" :label="item.label"
                      :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col> -->
              <!-- <el-col :span="6">
                <el-form-item label="地区" style="width: 100%">
                  <el-select v-model="echartForm.village">
                    <el-option v-for="(item, index) in villageList" :key="index" :label="item.label"
                      :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </el-col> -->
            </el-row>
            <el-form-item>
              <el-button @click="getAvgValueMap" icon="search" type="primary">
                {{ $t('common.queryBtn') }}
              </el-button>
              <el-button @click="restData" icon="Refresh">
                重置
              </el-button>
              <el-button @click="handleChange">切换</el-button>
            </el-form-item>
          </el-form>
        </el-row>

        <div ref="chart" style="height: calc(100vh - 250px)" v-if="isShow" class="w-full h-fill"/>
      </el-card>
      <!--      </div>-->
    </div>
  </div>
</template>


<script setup lang="ts" name="examData">
import {BasicTableProps, useTable} from "/@/hooks/table";
import {fetchList, sysVillageList} from "/@/api/blood/bloodxCustomer";
import {useDict} from "/@/hooks/dict";
import {getexaminlist, getdetaillist} from "/@/api/blood/bloodxCustomerBlood"
import {formatDate} from '/@/utils/formatTime';
import {getAvgValue} from '/@/api/blood/bloodxCustomerBlood';
// 定义字典
import * as echarts from 'echarts';

const {gender, village} = useDict('gender', 'bloodx_health', 'village', 'family_doctor')


const showSearch = ref(true)
const queryRef = ref()
const excelUploadRef = ref()
const dataList = ref([])
const visible = ref(false)
const state: BasicTableProps = reactive<BasicTableProps>({
  queryForm: {},
  descs: ['update_time'],
  pageList: getexaminlist,
  loading: false,
  // loading2: false
})
const selectObjs = ref([]) as any;
const isShow = ref(true);
const villageList = ref([
  {
    value: '',
    label: '全部',
  },
]);
const fastList = ref([
  {
    value: 1,
    label: '糖化血红蛋白',
  },
  {
    value: 2,
    label: '空腹血糖',
  },
]);
const faselist = ref([
  {
    value: 1,
    label: '>7',
  },
  {
    value: 2,
    label: '>11',
  },

])

const echartForm = ref({
  time: [],
  isFasting: null,
  village: null,
  tag: 2,
  type: 1,
  icCards: []
});
const total = ref('')
const queryFormData = reactive({
  detectionTime: [],

  name: null,
  icCard: null,
  current: 1,
  size: 20
})
const queryparam = reactive({
  icCard: '',
  name: '',
  date: []
})
const yearList = ref([0, 0, 0]);
const isInit = ref(false);
const bloodList = ref([0, 0, 0]);
const type = ref('line');
const text = ref('糖化血红蛋白')
const chart = ref(null);
const detaillist = ref([])
onMounted(() => {
  getlist()
  getAvgValueMap();

  sysVillageList().then((res) => {
    if (res.data && res.data.length > 0) {
      const data = res.data.map((item) => {
        return {
          value: item.id,
          label: item.name,
        };
      });
      villageList.value = [...villageList.value, ...data];
    }
  });
})
const selectionChangHandle = (e) => {
  selectObjs.value = e.map(({icCard}) => icCard);
  console.log(selectObjs.value)
  echartForm.value.icCards = []
  selectObjs.value.forEach(item => {
    echartForm.value.icCards.push(item)
  });

  getAvgValueMap();
}
const getAvgValueMap = () => {
  // console.log(echartForm.value.icCards)
  // console.log(echartForm.value.time);
  const data = {
    startTime: echartForm.value.time[0] ? formatDate(new Date(echartForm.value.time[0]), 'YYYY-mm-dd HH:MM:SS') : '',
    endTime: echartForm.value.time[1] ? formatDate(new Date(echartForm.value.time[1]), 'YYYY-mm-dd HH:MM:SS') : '',
    village: echartForm.value.village >= 0 ? echartForm.value.village : null,
    isFasting: echartForm.value.isFasting >= 0 ? echartForm.value.isFasting : null,
    tag: echartForm.value.tag,
    type: echartForm.value.type,
    icCards: echartForm.value.icCards
  }
  console.log(data)
  getAvgValue(
      data
  ).then((res) => {
    // 只保留年月日
    yearList.value = res.data.map((item: object) => item.day);
    bloodList.value = res.data.map((item: object) => item.blood);
    console.log(yearList.value)
    const option = {
      title: {
        text: text.value,
      },
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'shadow',
        },
      },
      grid: {
        // left: '10%',
        // right: '10%',
        bottom: '10%',
        // top: '10%',
        containLabel: true,
      },
      xAxis: {
        type: 'category',
        data: yearList.value,
        axisTick: {
          alignWithLabel: true,
        },
      },
      yAxis: {
        type: 'value',
        splitNumber: 5,
        max: 30,
      },
      series: [
        {
          data: bloodList.value,
          type: type.value,
          label: {
            show: true,
            position: 'top',
          },
          barWidth: '30%',
        },
      ],
    };

    setTimeout(() => {
      if (isInit.value === false) {
        chart.value = echarts.init(chart.value);
      }

      chart.value.setOption(option);
      isInit.value = true;
    }, 1000);
  });
};
const handleSizeChange = (val: number) => {
  console.log(`${val} items per page`)
  queryFormData.size = val
  getlist()
}
const handleCurrentChange = (val: number) => {
  queryFormData.current = val
  getlist()
  console.log(`current page: ${val}`)
}
const getlist = () => {
  state.loading = true
  getexaminlist(Object.assign({
    current: queryFormData.current,
    size: queryFormData.size,
    name: queryFormData.name,
    icCard: queryFormData.icCard
    // startTime: queryFormData.detectionTime[0] ? formatDate(new Date(queryFormData.detectionTime[0]), 'YYYY-mm-dd HH:MM:SS') : '',
    // endTime: queryFormData.detectionTime[1] ? formatDate(new Date(queryFormData.detectionTime[1]), 'YYYY-mm-dd HH:MM:SS') : '',
  })).then((res) => {
    console.log(res)
    dataList.value = res.data.records
    state.loading = false
    total.value = res.data.total
  })
}
//  table hook
const {
  getDataList,
  currentChangeHandle,
  sizeChangeHandle,
  sortChangeHandle,
  downBlobFile,
  tableStyle
} = useTable(state)

const disabledDate = (time: Date) => {
  return time.getTime() > Date.now()
}
// 清空搜索条件
const resetQuery = () => {
  // 清空搜索条件
  queryRef.value?.resetFields()
  queryFormData.detectionTime = []
  queryFormData.name = null
  queryFormData.icCard = null
  state.queryForm.name = null
  state.queryForm.icCard = null
  state.queryForm.startTime = null
  state.queryForm.endTime = null
  getlist()
}

const queryBtn = () => {
  // if (queryFormData.detectionTime.length > 0) {
  //   // 判断是否存在 00:00:00  或者 23:59:59，存在则不处理，不存在则添加
  //   if (queryFormData.detectionTime[0].indexOf('00:00:00') === -1) {
  //     state.queryForm.startTime = queryFormData.detectionTime[0] + ' 00:00:00'
  //   }
  //   if (queryFormData.detectionTime[1].indexOf('23:59:59') === -1) {
  //     state.queryForm.endTime = queryFormData.detectionTime[1] + ' 23:59:59'
  //   }
  // }
  getlist()
}

const openDialog = (row) => {
  visible.value = true
  // state.loading2 = true
  queryparam.name = row.name
  queryparam.icCard = row.icCard
  console.log(row)
  getdetaillist(Object.assign({
    name: row.name,
    icCard: row.icCard,

  })).then((res) => {
    console.log(res)
    detaillist.value = res.data
    // state.loading2 = false

  })
}
const datalist = () => {
  console.log(queryparam.date)
  getdetaillist(Object.assign({
    name: queryparam.name,
    icCard: queryparam.icCard,
    submissionStartTime: queryparam.date[0] ? queryparam.date[0] + " 00:00:00" : '',
    submissionEndTime: queryparam.date[1] ? queryparam.date[1] + " 23:59:59" : '',
  })).then((res) => {
    console.log(res)
    detaillist.value = res.data
    // state.loading2 = false

  })
}
const rest = () => {
  queryparam.date = []
  echartForm.value.time = []
  datalist()
  getAvgValueMap();
}

const restData = () => {
  echartForm.value.time = []
  echartForm.value.village = null
  getAvgValueMap();
}
const handleChange = () => {
  echartForm.value.type = echartForm.value.type === 1 ? 2 : 1
  // type.value = type.value === 'line' ? 'bar' : 'line';
  text.value = text.value === '糖化血红蛋白' ? '空腹血糖' : '糖化血红蛋白';
  getAvgValueMap();
  // const option = {
  // 	title: {
  // 		text: '近三年血糖走势图',
  // 	},
  // 	tooltip: {
  // 		trigger: 'axis',
  // 		axisPointer: {
  // 			type: 'shadow',
  // 		},
  // 	},
  // 	xAxis: {
  // 		type: 'category',
  // 		data: yearList.value,
  // 		axisTick: {
  // 			alignWithLabel: true,
  // 		},
  // 	},
  // 	yAxis: {
  // 		type: 'value',
  // 	},
  // 	series: [
  // 		{
  // 			data: bloodList.value,
  // 			type: type.value,
  // 			label: {
  // 				show: true,
  // 				position: 'top',
  // 			},
  // 			barWidth: '30%',
  // 		},
  // 	],
  // };

  // setTimeout(() => {
  // 	console.log(213);
  // 	chart.value.setOption(option);
  // }, 600);
};

const exportExcel = () => {
  downBlobFile('/blood/bloodxPhysicalExaminationData/export', Object.assign(state.queryForm), 'bloodxPhysicalExaminationData.xlsx')
}


</script>
<style scoped lang="scss">
:deep(.el-card__body) {
  width: 100%;
  height: 100%;
}

.relative {
  .el-card__body {
    display: flex;

    .h-fi\ll {
      flex: 1;
    }
  }
}

.custom-label {
  :deep(.el-form-item__label) {
    width: 180px !important;
  }
}

.roll-dialog {
  // :deep(.el-overlay .el-overlay-dialog .el-dialog) {
  //   padding: 3px 30px;
  //   overflow-y: scroll !important;
  //   height: 400px !important;
  // }
}

.global-dialog {
  .el-dialog__body {
    max-height: 600px;
    overflow: auto;
  }
}
</style>
